Page({
    data: {
      // 轮播图图片数组
      bannerImages: [
        '/images/banner1.jpg',
        '/images/banner2.jpg',
        '/images/banner3.jpg'
      ],
  
      // 推荐案例数据
      recommendedCases: [
        { 
          id: 1, 
          title: '现代简约客厅设计', 
          image: '/images/case1.jpg',
          views: 1500,
          plays: 800
        },
        { 
          id: 2, 
          title: '北欧风格卧室设计', 
          image: '/images/case2.jpg',
          views: 2300,
          plays: 1200
        },
        { 
          id: 3, 
          title: '中式庭院设计', 
          image: '/images/case3.jpg',
          views: 1800,
          plays: 950
        },
        { 
          id: 4, 
          title: '工业风办公室设计', 
          image: '/images/case4.jpg',
          views: 3200,
          plays: 1600
        }
      ],
      
      // 筛选项
      filterOptions: {
        style: ['全部', '现代', '北欧', '中式', '欧式', '工业'],
        space: ['全部', '客厅', '卧室', '厨房', '浴室', '办公室'],
        more: ['最新', '最热', '收藏最多']
      },
      
      // 当前选中项
      selectedFilters: {
        style: '全部',
        space: '全部',
        more: '最新'
      }
    },
  
    onLoad() {
      // 页面加载时的初始化操作
    },
  
    // 轮播图变化事件
    onBannerChange(e) {
      console.log('当前轮播图索引:', e.detail.current);
    },
  
    // 点击我的设计按钮
    navigateToMyDesigns() {
      wx.navigateTo({
        url: '/pages/my-designs/my-designs'
      });
    },
  
    // 点击优秀案例按钮
    navigateToExcellentCases() {
      wx.navigateTo({
        url: '/pages/excellent-cases/excellent-cases'
      });
    },
  
    // 下拉框选择
    selectFilter(e) {
      const type = e.currentTarget.dataset.type;
      const value = e.detail.value;
      
      this.setData({
        [`selectedFilters.${type}`]: this.data.filterOptions[type][value]
      });
      
      // 这里可以添加根据筛选条件获取新数据的逻辑
      this.fetchFilteredData();
    },
  
    // 模拟获取筛选后的数据
    fetchFilteredData() {
      // 实际开发中这里会调用API获取对应数据
      console.log('正在获取筛选后的数据:', this.data.selectedFilters);
    }
  });